<!DOCTYPE html>
<html>
<head>
    <meta data-th-replace="~{fragments :: meta-charset}">
	<meta data-th-replace="~{fragments :: meta-viewport}">
	<link data-th-replace="~{fragments :: favicon}">
    <title data-th-text="${article.title}">Article</title>
    <link data-th-replace="~{fragments :: bootstrap-css}" />
    <link data-th-replace="~{fragments :: common-css}"/>
    <link data-th-replace="~{fragments :: highlightjs-css}"/>
    <link data-th-replace="~{fragments :: katex-css}">
    <style type="text/css">.katex { font-size: 100%; }</style>
</head>
<body>

<nav data-th-replace="~{fragments :: header}"></nav>

<header class="container container-content" style="padding-bottom: 16px">
    <h1 data-th-text="${article.title}" class="article-title">标题</h1>
    <a class="nav-link" data-th-if="${session.userInfo != null}" data-th-href="@{'/article/change/' + ${article.id}}">🖋</a>
</header>
<main class="container container-content">
    <article class="article" data-th-utext="${article.renderedContent}"></article>
</main>

<footer data-th-replace="~{fragments :: footer}"></footer>
</body>
</html>